<script>
// 导入关于页面的API模块
import AbsoluteApi from "@/api/about";

export default {
  data() {
    return {
      siteInfo: {}, // 存储从API获取的网站信息
    };
  },
  // 组件挂载完成后自动执行的钩子函数
  mounted() {
    // 创建API实例
    const api = new AbsoluteApi();
    // 调用接口获取数据
    api.getSiteInfo().then((result) => {
      // 将接口返回数据保存到组件状态
      this.siteInfo = result.data;
      // 调试输出（生产环境应移除）
      console.log(this.siteInfo);
    });
  },
};
</script>

<template>
  <h2>AboutView</h2>
  <dl>
    <dt>{{ siteInfo.siteName }}</dt>
    <dd>{{ siteInfo.description }}</dd>
    <dd>{{ siteInfo.clintIp }}</dd>
    <dd>{{ siteInfo.siteIpc }}</dd>
  </dl>
</template>

<style scoped></style>
